<template>
  <view class="content flex justify-center items-center flex-col">
    <!-- 内置组件 -->
    <image class="logo w-[200rpx] h-[200rpx]" src="/static/logo.png" />
    <view class="text-area">
      <text class="title">{{ title }}</text>
    </view>
    <button size="mini" @click="app.count++">加一个</button>
    <view class="p-2 m-2 border">{{ app.count }}</view>
    <!-- uni-ui 组件 -->
    <uni-tag text="标签 uni-tag"></uni-tag>
    <!-- 自定义组件 -->
    <wo-com title="11111" />
    <!-- uview-plus 组件 -->
    <up-tag text="标签 up-tag" type="warning"></up-tag>
    <up-notice-bar
      class="w-100px"
      text="uview-plus UI众多组件覆盖开发过程的各个需求，组件功能丰富，多端兼容。让您快速集成，开箱即用"
    ></up-notice-bar>
  </view>
</template>

<script setup lang="ts">
  import { ref } from 'vue'
  const title = ref('Hello')
  import { useAppStore } from '@/store/modules/useAppStore'
  const app = useAppStore()
  console.log(uni.$u)
</script>

<style></style>
